<?php
foreach ($alerts as $alert) {
    echo '<div class="alert alert-danger">' . $alert->ARTICLE_REF . ' (' . $alert->ARTICLE_LIBELLE . ') : Stock insuffisant (' . $alert->STOCK . '), le seuil minimal est de '.$alert->ARTICLE_SEUIL.' </div>';
}
?>

<div class="menu" style="margin-bottom: 20px; width: 100%; text-align: center;">
    <a class="addProduit btn" href="<?php echo site_url() . 'produit/edit/'; ?>">Ajouter un produit</a>
</div>

<table class="table table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>Ref</th>
            <th>Libelle</th>
            <th>Seuil d'alerte</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($produits as $produit) { ?>
            <tr>
                <td><?php echo $produit->ARTICLE_ID; ?></td>
                <td><?php echo $produit->ARTICLE_REF; ?></td>
                <td><?php echo $produit->ARTICLE_LIBELLE; ?></td>
                <td><?php echo $produit->ARTICLE_SEUIL; ?></td>
                <td class="tar">
                    <a class="btn editProduit" href="<?php echo site_url() . 'produit/edit/' . $produit->ARTICLE_ID; ?>">Editer</a>
                    <a class="btn deleteProduit" href="<?php echo site_url() . 'produit/delete/' . $produit->ARTICLE_ID; ?>">Supprimer</a>
                    <a class="btn" href="<?php echo site_url() . 'produit/generatePdf/' . $produit->ARTICLE_ID; ?>">Etiquette</a>
                </td>
            </tr>
        <?php } ?>
    </tbody>
</table>

<div class="dialog" style="display:none;"></div>

<script>
    $(document).ready(function() {
        $('div.menu a').button(); 
        
        $('a.deleteProduit').on('click', function(e) {
            e.preventDefault();
            if(confirm('Êtes-vous sur de vouloir supprimer ce produit ?')) {
                $.ajax({
                    url: $(this).attr('href'),
                    type : 'POST',
                    dataType: 'json',
                    success : function(data) {
                        if(data.result == 'success')
                            $(location).attr('href', $(location).attr('href'))
                    }
                });
            }
        });
   
        $('a.editProduit').on('click', function(e) {
            e.preventDefault();
            titre = 'Edition d\'un produit';
            $('div.dialog').dialog({
                title:titre,
                autoOpen:false,
                width: 1000,
                height: 'auto',
                modal:true,
                buttons: {
                    'Valider' : function(e) {
                        editProduit();
                    },
                    'Annuler' : function(e) {
                        $(this).dialog('close');
                    }
                }
            })
            .load($(this).attr('href'));
            $('div.dialog').dialog('open');
        });
   
        $('a.addProduit').on('click', function(e) {
            e.preventDefault();
            titre = 'Ajout d\'un produit';
            $('div.dialog').dialog({
                title:titre,
                autoOpen:false,
                width: 1000,
                height: 'auto',
                modal:true,
                buttons: {
                    'Valider' : function(e) {
                        editProduit();
                    },
                    'Annuler' : function(e) {
                        $(this).dialog('close');
                    }
                }
            })
            .load($(this).attr('href'));
            $('div.dialog').dialog('open');
        });
   
        $(document).on('click', 'a.addMatPrem', function(e) {
            e.preventDefault();
            $.ajax({
                url:site_url+"produit/addMatPrem",
                success : function(data) {
                    $('tr.addMatPrem').parents('table').children('tbody').append(data);
                }
            });
        });
    });
    
    function editProduit() {
        var matsPrems = [];
        $('tr.ligneMatPrem').each(function(key) {
            matsPrems[key] = {
                'idMatPrem': $(this).find('select.idMatPrem').val(),
                'matPremQte': $(this).find('input.quantite').val()
            };
        });
    
        $.ajax({
            url: site_url+"produit/editProduit",
            type:'POST',
            dataType:'json',
            data: {
                idProd : $('#ARTICLE_ID').val(),
                prodRef : $('#ARTICLE_REF').val(),
                prodLibelle : $('#ARTICLE_LIBELLE').val(),
                prodSeuil : $('#ARTICLE_SEUIL').val(),
                matPrems : matsPrems
            },
            success : function(data) {
                if(data.result == 'success'){
                    $(location).attr('href', $(location).attr('href'));
                }
            }
        });
    }
</script>